<? $ProTops = getArray('xteam_product','status=1 AND is_top=1','0,5','sort, date_added DESC');?>
	<div id="toppro">
<?
if($ProTops){?>
        <div class="Profirst">
        <h3 style="font-size:18px;">
            <a href="<?=$curHost.$parent = $parseokey[$ProTops[0]['parent_id']] != '' ? $parseokey[$ProTops[0]['parent_id']] : utf8_to_ascii($parname[$ProTops[0]['parent_id']])?>/<?=str_replace(array('--','--'), '-', utf8_to_ascii($name=$ProTops[0]['seo_key']!=''?$ProTops[0]['seo_key']:$ProTop['name']))?>/1/<?=$ProTops[0]['id']?>.html" title="<?=$ProTops[0]['name']?>">
            	<img src="<?=$curHost.$img=$ProTops[0]['image_large'] != '' ? $ProTops[0]['image_large'] : 'images/no_image.gif'?>" alt="<?=utf8_to_ascii($ProTops[0]['name'])?>" />
                <br />
                <?=$ProTops[0]['name']?>
           	</a>
        </h3>

        </div>

        <ul class="Prolist">
        	<li id="titlelistnew">Tin mới</li>
        	<? for($i=1;$i<=count($ProTops);$i++){?>
            <li>
            	<a href="<?=$curHost.$parent=$parseokey[$ProTops[$i]['parent_id']]!=''?$parseokey[$ProTops[$i]['parent_id']]:utf8_to_ascii($parname[$ProTops[$i]['parent_id']])?>/<?=str_replace(array('--','--'), '-', utf8_to_ascii($name=$ProTops[$i]['seo_key']!=''?$ProTops[$i]['seo_key']:$ProTops[$i]['name']))?>/1/<?=$ProTops[$i]['id']?>.html" title="<?=$ProTops[$i]['name']?>">
                	<?=$ProTops[$i]['name']?>
                </a>
            </li>
            <? }?>
        </ul>
        <a href="<?=$curHost.utf8_to_ascii($get_id_pro['name'])?>/<?=utf8_to_ascii($get_id_pro['seo_key']!=''?$get_id_pro['seo_key']:$get_id_pro['name'])?>/4/<?=$get_id_pro['id']?>.html" class="read-more">Xem thêm >></a>
    </div>
<? }?>
<style type="text/css">
#toppro{
	
	margin:20px auto;
	height:289px;
	
}
#titlelistnew{
	background-image: url("http://dantri3.vcmedia.vn/App_Themes/Default/Images/sprite-1.jpg");
    background-position: 0 -306px;
    color: #FFFFFF;
    font-weight: bold;
    height: 23px;
    line-height: 20px;
    padding-left: 25px;
    width: 266px;
}
.Profirst{
	float: left;
    height: 255px;
    padding: 9px;
    width: 390px;
}
.Profirst img{
	border: 4px solid #CCCCCC;
    height: 198px;
    width: 375px;
}
.Profirst ul{
	display: block;
    margin-left: 10px;
    padding: 12px 0 0 20px;
    width: 100%;
}
.Profirst ul li{
	color: red;
    float: left;
    font-size: 8px;
    list-style: square outside none;
    width: 50%;
}
.Profirst ul li label,.Profirst ul li span {
	color: #6A6A6A;
    font-size: 12px;
}
.Prolist{
	float: left;
    height: 220px;
    margin: 15px 0 0 5px;
    overflow: hidden;
    width: 266px;
}
.Prolist li{
	background: url("http://dantri3.vcmedia.vn/App_Themes/Default/Images/sprite-2.gif") no-repeat scroll 0 -287px transparent;
    line-height: 150%;
    margin-top: 5px;
    padding-left: 18px;
}
.Prolist li a{
	color:#000000;
}
.Prolist li a:hover{
	color:red;
}
.read-more{
	color: #000000;
    float: right;
    margin: 6px 14px 0 0;
}
</style>